layui.use(['layer'], function () {
    const layer = layui.layer
    checkLogin()
    // 检测用户是否登录
    async function checkLogin(){
        // 从本地缓存中获取token
        token = localStorage.getItem('token')
        if (!token) {
           $('#header ul').html(`<li><a class="register" href="/register.html">会员注册</a>/</li>
            <li><a class="login" href="#">登陆</a></li>`)
        }else{
             // 去验证token是否正确
            const username=await axios({
                url:'my/home/checkLogin', 
                method:'POST',
                headers:{
                    Authorization: token
                }
            })
             // 更新头部的信息
             $('#header ul').html(`<li>欢迎${username}光临本站/</li><li><a class="logout" href="#">退出</a></li>`)
        }
    }
    
    

    // 点击登录按钮，实现遮罩层登录
    $('.login').click(function (e) {
          e.preventDefault()
           layer.open({
               type:2,
               title:'登录',
               content:['/login.html','no'],
               area:['550px','300px'],
               end:function () {
                   checkLogin()
               }
           })
    })

    // 点击登录按钮实现登录验证
    $('.btn-login').click(async function (e) {
        e.preventDefault()
        // 获取登录信息
        const username=$('[name=username]').val().trim()
        const password=$('[name=password]').val().trim()
        if(username==='' || password===''){
            return layer.msg('必填项不能为空',{
                icon:5,
                time:2000
            })
        }
        // 发送请求
        const res= await axios.post('api/home/login',{username,password})
        // 保存token到本地缓存中
        localStorage.setItem('token',res)
        // 关闭层
        //当你在iframe页面关闭自身时
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭 
    })

    // 退出登录
    $(document).on('click','.logout',function(e){
        e.preventDefault();
        localStorage.removeItem('token')
        layer.msg('退出成功',{
            icon: 6,
            time:1000
        },function(){
             checkLogin()
        })
    })

})